<template>
	<view>
		<fui-landscape zIndex="999" :show="show" @close="close">
			<view class="fui-ani__box">
				<view class="fui-flex__center fui-flex__column">
					<view class="fui-ani__title">{{showData?.classify}}</view>
					<view class="fui-desc">
						<rich-text :nodes="showData?.htmlContent"></rich-text>
					</view>
				</view>
			</view>
		</fui-landscape>
	</view>
</template>

<script setup>
	import { ref } from 'vue';
	import { onLoad } from "@dcloudio/uni-app";
	const systemApi = uniCloud.importObject('admin-system', { customUI: true })

	onLoad(async()=>{
		const res = await systemApi.getAssist({ classify: '发布须知' })
		showData.value = res.data[0]
	})
	const showData = ref([])
	const show = ref(true)
	const close = ()=>{
		show.value = false
	}
</script>

<style lang="scss">
	.fui-ani__box {
		width: 640rpx;
		background: #ff6553;
		border-radius: 24rpx;
		padding: 20rpx;
	}
	
	.fui-hd__img {
		width: 100%;
		height: 192rpx;
		display: block;
	}
	
	.fui-ani__title {
		font-size: 36rpx;
		font-weight: 600;
		padding-bottom: 20rpx;
		text-align: center;
		color: #fff;
	}
	
	.fui-desc {
		width: 95%;
		padding: 20rpx 40rpx 20rpx;
		margin-bottom: 20rpx;
		font-size: 24rpx;
		line-height: 48rpx;
		font-weight: 400;
		color: #333333;
		box-sizing: border-box;
		min-height: 300rpx;
		max-height: 600rpx;
		overflow: hidden;
		overflow-y: scroll;
		border-radius: 24rpx;
		background-color: #fff;
	}
</style>